<template>
    <div>
      <div class="imgBox">
        <div class="indexBanner">
            <van-swipe :autoplay="3000" class="">
                <van-swipe-item v-for="(item,index) in banner" :key="index" style="height: 61.3vw">
                  <a :href="item.link" v-if="item.type==6">
                    <img :src="item.image" alt="">
                  </a>
                  <a v-else>
                    <img :src="item.image" alt="">
                  </a> 
                </van-swipe-item>
            </van-swipe>
        </div>

      </div>
    </div>
</template>

<script>
    export default {
      name: "indexTop",
      props:['banner'],
      data(){
        return{
          // focu:true,
        }
      },
      methods:{
        // focus:function(){
        //   this.focu = !this.focu;
        // },
        // focused:function(){
        //   this.focu = !this.focu;
        // },
        // router(){
        //   window.location.href="http://www.napin.com/download.html"
        // }

      },
      mounted(){
        // this.focu=this.is_care
      }
    }
</script>

<style scoped lang="scss">
.indexBanner{
    width:100vw;
    margin: 0 auto;
    height: 61.3vw;
    overflow: hidden;
    }
</style>
